import React,{useState,useEffect} from 'react';
import List from '../../../component/list';
import {  Swiper, } from 'antd-mobile'
import {getimg} from '../../../api/index'
import '../.././../App.scss'
const Ind = () => {
    const [img,setimg]=useState([])
    useEffect(()=>{
       
        getimg().then(resp=>{
            // console.log(resp.data.data)
         setimg(resp.data.data)
        })
    },[])
    return (
        <div>
           <Swiper autoplay className='swiper' style={{height:'150px'}}>
             {
                 img.length>0&&img.map((v,i)=>{
                     return (
                 <Swiper.Item key={i}>
                     <img src={v} alt="" />
                 </Swiper.Item>
                     )
                 })
                 
             }
           </Swiper>    
             <List></List>
        </div>
    );
}

export default Ind;

